﻿@charset "UTF-8";
@font-face{font-family: 'thyFont1';src: url("../fonts/simpds.ttf");}
@font-face{font-family: 'thyFont2';src: url("../fonts/BEBAS.ttf");}
@font-face{font-family: 'thyFont3';src: url("../fonts/Questrial-Regular.ttf");}
@font-face{font-family: 'Cabin-Regular';font-style: normal;font-stretch: normal;font-display: swap;src: url('../fonts/Cabin-Regular.ttf') format('truetype');}
body{font-family: 'Cabin-Regular', Arial, Candal, sans-serif !important;}
main{width: 94%;max-width: 1400px;margin: 0 auto;display: block;*zoom: 1;}
main:before, main:after{content: " ";display: table;}
main:after{clear: both;}
html{background: #fff;overflow-x: hidden;width: 100%;}
/*样式重置*/
*,::after,::before{box-sizing:border-box;}
html{line-height: 1.15;-webkit-text-size-adjust: 100%;}
body{margin: 0;}
h1{font-size: 2em;margin: .67em 0;}
hr{box-sizing: content-box;height: 0;overflow: visible;}
pre{font-family: monospace,monospace;font-size: 1em;}
a{background-color: transparent;}
abbr[title]{border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong{font-weight: bolder;}
code, kbd, samp{font-family: monospace,monospace;font-size: 1em;}
small{font-size: 80%;}
sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
img{border-style: none;}
button, input, optgroup, select, textarea{font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}
button, input{overflow: visible;}
button, select{text-transform: none;}
[type=button], [type=reset], [type=submit], button{-webkit-appearance: button;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style: none;padding: 0;}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: .35em .75em .625em;}
legend{box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress{vertical-align: baseline;}
textarea{overflow: auto;}
[type=checkbox], [type=radio]{box-sizing: border-box;padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]{-webkit-appearance: textfield;outline-offset: -2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button;font: inherit;}
details{display: block;}
summary{display: list-item;}
template{display: none;}
[hidden]{display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video{margin: 0;padding: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style: normal;font-weight: normal;}
ins{text-decoration: none;}
li{list-style: none;}
table{font-size: inherit;font: 100%;border-collapse: collapse;border-spacing: 0;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0;font-variant: normal;}
legend{color: #000;}
input, button, textarea, select, optgroup, option{font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
input, button, textarea, select{border: 0;padding: 0;margin: 0;*font-size: 100%;line-height: 1.2;}
a img, img{-ms-interpolation-mode: bicubic;}
sub, sup{vertical-align: baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{display: block;}
pre{white-space: pre-wrap;}
textarea{resize: none;overflow: auto;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{outline: 0;}
button, input{outline: 0;}
input[type=password]::-ms-reveal{display: none;}
input::-ms-clear{display: none;}
input:-ms-input-placeholder{color: #999;}
/*样式重置*/
a:hover{color: #3658c6;}
a:active{color: #3658c6;}
/*滚动条*/
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
/*头部*/
#needHeaderBac{background: white;}
#needHeaderBac .header_logo .logo1{display: inline-block;}
#needHeaderBac .header_logo .logo2{display: none;}
#needHeaderBac .header_box{border-color: rgba(0, 0, 0,.3);}
#needHeaderBac .header_box a{color: #000;font-size: 20px;opacity: .5;}
#needHeaderBac .header_box a:hover{color: #3658c6;opacity: 1;}
#needHeaderBac .header_box span{color: #3658c6;}
#needHeaderBac #tNav .tNav .navName{color: #333;}
.pc_header{width: 100%;position: fixed;top: 0;z-index: 999;height: 90px;background: rgba(0,0,0,.2);backdrop-filter: blur(5px);border-bottom: 1px solid rgba(255,255,255,.3);transition: all .5s ease;/* Firefox 4*//* Safari 和 Chrome*//* Opera*/box-sizing: border-box;box-shadow: 0 3px 4px rgb(0 0 0 / 10%);animation: fadeInDown 1s;}
.pc_header .box{position: relative;display: flex;align-items: stretch;margin: auto;justify-content: space-between;max-width: 96%;}
.pc_header .box:before, .pc_header .box:after{display: none;}
.pc_header .header_logo{width: 20%;z-index: 20;display: flex;align-items: center;overflow: visible;}
.pc_header .header_logo a{display: block;}
.pc_header .header_logo .logo1{display: none;max-width: 100%;}
.pc_header .header_logo .logo2{display: inline-block;max-width: 100%;}
.pc_header .header_box{display: flex;align-items: center;padding: 0 25px;border-left: 1px solid rgba(255, 255, 255,.3);transition: all .5s;}
.pc_header .header_box.tel{border-right: 1px solid rgba(255, 255, 255, .3);}
.pc_header .header_box a{color: #fff;font-size: 20px;opacity: .5;}
.pc_header .header_box a:hover{color: #3658c6;}
.pc_header .header_box span{margin-left: 10px;color: #fff;font-size: 16px;white-space: nowrap;}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
.pc_header .box{max-width:96%;}}
@media only screen and (max-width: 1024px){
.pc_header{width:100%;max-width:100%;height:70px;line-height:70px;background:rgba(255,255,255,1);backdrop-filter: none;border-bottom:1px solid rgba(27,36,43,0);}
.pc_header .box{max-width: 100%;justify-content: space-between;}
.pc_header .header_logo{width: 21.34%;}
.pc_header .header_logo .logo1{display: inline-block;}
.pc_header .header_logo .logo2{display: none;}
.pc_header .header_box{position: absolute;right: 90px;height: 100%;padding: 0;border: 0;}
.pc_header .header_box.sou{right: 50px;}
.pc_header .header_box.tel{display: none;}
.pc_header .header_box a{color: #3658c6;font-size: 20px;opacity: 1;}}
@media only screen and (max-width: 768px){
.pc_header .header_logo{width: 50%;}}
#tNav{width: 65%;display: flex;justify-content: flex-end;padding-right: 2%;margin-right: auto;box-sizing: border-box;}
@media only screen and (min-width: 1025px){
#tNav .navLi.tplink8{display:none;}
#tNav .tNavBox{width:100%;height:auto;overflow:visible;background: none;}
#tNav .navBtn{display:none;}
#tNav .navSliBtn{display:none;}
#tNav .iconJt{display:none;}
#tNav .navUl{width: 100%;display: flex;justify-content: flex-end;padding-right: 2%;}
#tNav .navLi{padding: 0;min-width: 9%;display: inline-block;font-size: 1rem;margin: 0 1vw;position:relative;}
#tNav .navLi:hover .tNavH::before,#tNav .navLi.cur .tNavH::before{width:100%;opacity: 1;}
#tNav .tNavH{position:relative;}
#tNav .tNavH::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height:3px;background-color: #3658c6;opacity: 0;transition:all .5s ease;}
#tNav .tNav{width:100%;margin:0 auto;overflow: visible;}
#tNav .tNav .navName{position:relative;display:block;padding:0;line-height:90px;font-size: 18px;color:#fff;text-align:center;transition:all .5s ease;}
#tNav .tNav.active .navName:hover{color:#3658c6;}
#tNav .tNav.active .navName{color:#333;font-family: 'Cabin-Regular', cursive !important;}
#tNav .navName::after{content: attr(data-title);position: absolute;top: 0;left: 0;transform: translateY(100%);width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #3658c6;font-weight:bold;display:none;}
#tNav .navLi:hover .navName{transform: translateY(0%);}
#tNav .slidBox{position: absolute;left: -50%;right: 0;width: 200%;opacity: 0;visibility: hidden;z-index: 110;margin: 0 auto;transform: translate3d(0, 20px, 0);transition: all .5s ease;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.075);}
#tNav .navLi:hover .slidBox{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#tNav .navSbox{position: relative;float: none;width: 100%;margin-left: 0%;height: auto;overflow: hidden;font-size: 0;white-space: nowrap;}
#tNav .navSli{width: 100%;float: none;font-size: 14px;position: relative;text-align: center;}
#tNav .navSli:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,.1);transition: all .5s ease;-webkit-transition: all .5s ease;}
#tNav .navSlink{display:block;color: #333;line-height: 40px;}
#tNav .oneName{font-size:26px;padding-bottom: 15px;color: #000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#tNav .tNavSummry{line-height: 24px;width:100%;height: auto;overflow:hidden;color: #666666;font-size: 14px;max-width: 420px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;}
#tNav .tNavMore{display:block;position: relative;height: auto;padding-top: 25px;border-top: 1px dashed #cccccc;margin-top: 20px;cursor:pointer;}
#tNav .txt{color:#000;transition:all .5s ease;}
#tNav .leanMore{margin-left:2rem;transition:all .5s ease;}
#tNav .tNavMore:hover .txt{color:#21478b;margin-left:10px;}
#tNav .tNavMore:hover .leanMore{color:#21478b;}
#tNav .navSimg{position:relative;width:100%;height:160px;overflow:hidden;}
#tNav .navImg{position:absolute;left:50%;transform:translateX(-50%) scale(1);width:auto;height: 100%;transition: all .5s ease;}
#tNav .navSli:hover .navImg{transform:translateX(-50%) scale(1.1);}
#tNav .navSli:hover .navSlink{color: #fff;background: #3658c6;}
#tNav .navSli:hover .navSlink::after{width: 100%;opacity: 1;}}
@media only screen and (max-width: 1366px) and (min-width: 1025px){
#tNav .tNav{width: 100%;margin: 0 auto;overflow: visible;}
#tNav .tNav .navName{font-size: 16px;}
.pc_header .header_box.sou{border-right: 1px solid rgba(255, 255, 255, .3);}
.pc_header .header_box.tel{display: none;}}
@media only screen and (max-width: 1024px){
#tNav{width: 45%;padding: 0;margin: 0;}
#tNav .leftBox,.pc_header .header_mail,.header_lang{display:none;}
#tNav .navSimg{display:none;}
#tNav .tNavBox{position:relative;height:70px;background:none;}
#tNav .navBtn{position: absolute;top: 1rem;right: 0;background: #3658c6;width: 40px;height: 40px;padding: 10px;line-height: 73px;box-sizing: border-box;}
#tNav .navLine{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}
#tNav .navBtnImg{display: block;width: 90%;height: 70%;}
#tNav .tNav{position:fixed;top: 70px;left:0;right:0;height: 0;overflow: hidden;z-index:999;background: #3658c6;backdrop-filter: blur(5px);transition:all .5s ease;}
#tNav .tNavHeight{height: 100%;}
#tNav .slidBox{display:none;}
#tNav .navUl{background: none;overflow:hidden;}
#tNav .navLi{border-bottom: 1px solid rgba(255,255,255,.15);position: relative;}
#tNav .tNavH{position: relative;height: 46px;line-height: 46px;padding: 0 8%;font-size: 14px;font-weight:normal;transition: all .5s ease;}
#tNav .tNavHBac{background-color: rgba(0,0,0,.2);}
#tNav .navName,#needHeaderBac #tNav .tNav .navName{display: block;width: 100%;height: 100%;color:#fff;}
#tNav .iconJt{position:absolute;top: 0;right:2%;display:flex;width:46px;height:46px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease;}
#tNav .iconJtRotate{transform: rotate(-180deg);}
#tNav .navSliBtn{height:40px;width:100%;text-align:center;}
#tNav .hs{height: 100%;}
#tNav .navSbox{padding: 10px 0;}
#tNav .navSli{padding-left: 8%;font-size: 0.875rem;height: 38px;line-height: 38px;}
#tNav .navSlink{display:block;width:100%;height:100%;color: #fff;}
#tNav .navLi.tplink8{border-bottom:none;}
#tNav .navLi.tplink8 .slidBox{display:block !important;}
#tNav .navLi.tplink8 .tNavH{display:none;}
#tNav .navLi.tplink8 .navSbox{padding-top:30px;display: flex;flex-direction: row;justify-content: center;}
#tNav .navLi.tplink8 .navSli{padding-left: 0;border: 1px solid rgba(255,255,255,.2);width: 38px;text-align: center;margin: 0 2vw;}}

.newListBox{margin-bottom: 2%;}
.newListBox .news_hot{display: flex;justify-content: space-between;margin: 4% 0;}
.newListBox .news_hot .left{position: relative;width: 64.65%;}
.newListBox .news_hot .left .img{position: relative;width: 100%;padding-bottom: 49%;overflow: hidden;}
.newListBox .news_hot .left .img:before{content:'';position:absolute;bottom:0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(transparent 30%, #161b5a);z-index: 1;}
.newListBox .news_hot .left .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.newListBox .news_hot .left .txt{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;line-height: 1.5;padding: 3.3% 4.4%;z-index: 2;}
.newListBox .news_hot .left .txt h3{font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newListBox .news_hot .left .txt span{font-size: 16px;opacity: .38;}
.newListBox .news_hot .left:hover .img img{transform:scale(1.1);}
.newListBox .news_hot .right{width: 31.45%;}
.newListBox .news_hot .right a{display: flex;flex-direction: column;height: 100%;justify-content: space-around;}
.newListBox .news_hot .right .img{position: relative;width: 100%;padding-bottom: 61.4%;overflow: hidden;}
.newListBox .news_hot .right .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.newListBox .news_hot .right .txt{margin-bottom: auto;}
.newListBox .news_hot .right .txt h3{color: #353535;font-size: 22px;margin: 3% 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.newListBox .news_hot .right .txt p{color: #666;font-size: 16px;text-align: justify;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.newListBox .news_hot .right .btn{display: flex;margin-top: auto;justify-content: space-between;line-height: 2.1;border-top: 1px solid #3658c6;border-bottom: 1px solid #3658c6;}
.newListBox .news_hot .right .btn span{color: #999;font-size: 16px;}
.newListBox .news_hot .right .btn i{color: #ff834c;font-size: 14px;}
.newListBox .news_hot .right:hover .img img{transform:scale(1.1);}
.newListBox .news_hot .right:hover .txt h3{color: #3658c6;}
.newListBox .news_list{display: flex;flex-wrap: wrap;margin-top: 4%;}
.newListBox .news_list li{position: relative;width: 100%;margin-bottom: 4%;padding: 2%;background: #f7f7f7;}
.newListBox .news_list li:before{content:'';position:absolute;bottom:0;left: 0;width: 0;height: 100%;background-color: #3658c6;opacity: 1;transition:all .5s ease;}
.newListBox .news_list li:nth-child(3n){margin-right:0px;}
.newListBox .news_list li a{position: relative;display: flex;z-index: 1;}
.newListBox .news_list li .time{flex: none;display: flex;width: 120px;color: #929292;font-size: 20px;text-align: center;padding-right: 30px;margin-right: 30px;border-right: 1px solid rgba(0,0,0,.23);flex-direction: column;justify-content: center;transition: all .5s;}
.newListBox .news_list li .time span{display: block;color: #656565;font-size: 56px;margin-top: -10%;transition: all .5s;}
.newListBox .news_list li .txt{flex: 1;min-width: 0;display: flex;flex-direction: column;justify-content: center;}
.newListBox .news_list li .txt h3{color: #373c41;font-size: 22px;line-height:1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .5s;}
.newListBox .news_list li .txt p{color: #777;font-size:16px;line-height: 1.4;letter-spacing:.25px;margin: 3% 0;display:-webkit-box;overflow:hidden;-webkit-line-clamp: 2;-webkit-box-orient:vertical;text-overflow:ellipsis;transition: all .5s;}
.newListBox .news_list li .txt span{display: none;color: #656565;font-size: 12px;transition: all .5s;}
.newListBox .news_list li .img{width: 19%;margin-right: 4%;}
.newListBox .news_list li .img>div{position: relative;padding-bottom: 62.5%;overflow: hidden;}
.newListBox .news_list li .img img{position:absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.newListBox .news_list li .btn{color: #3658c6;font-size: 16px;letter-spacing:.5px;transition: all .5s;}
.newListBox .news_list li:hover:before{width: 100%;}
.newListBox .news_list li:hover .img img{transform:scale(1.1);}
.newListBox .news_list li:hover .time,
.newListBox .news_list li:hover .time *,
.newListBox .news_list li:hover .txt *{color: #fff;border-right-color: rgba(255,255,255,.23);}
@media only screen and (max-width: 1600px){
.newListBox .news_hot .left .txt h3,
.newListBox .news_hot .right .txt h3,
.newListBox .news_list li .txt h3{font-size: 20px;}
.newListBox .news_hot .left .txt span,
.newListBox .news_hot .right .btn span,
.newListBox .news_hot .right .txt p,
.newListBox .news_list li .txt p,
.newListBox .news_list li .btn{font-size: 15px;}}
@media only screen and (max-width: 1024px){
.newListBox .news_hot .left .txt h3,
.newListBox .news_hot .right .txt h3,
.newListBox .news_list li .txt h3{font-size: 18px;}
.newListBox .news_hot .left .txt span,
.newListBox .news_hot .right .btn span,
.newListBox .news_hot .right .txt p,
.newListBox .news_list li .txt p,
.newListBox .news_list li .btn{font-size: 14px;}
.newListBox .news_hot{margin: 3% 0;}
.newListBox .news_list li{margin-bottom: 3%;}
.newListBox .news_list li .time{width: 100px;font-size: 18px;padding-right: 20px;margin-right: 20px;}
.newListBox .news_list li .time span{font-size: 50px;}
.newListBox .news_list li .img{margin-right: 2.5%;}
.newListBox .news_list li .txt p{margin: 2% 0;}}
@media only screen and (max-width: 768px){
.newListBox .news_hot .left .txt h3,
.newListBox .news_hot .right .txt h3,
.newListBox .news_list li .txt h3{font-size: 15px;}
.newListBox .news_hot .left .txt span,
.newListBox .news_hot .right .btn span,
.newListBox .news_hot .right .txt p,
.newListBox .news_list li .txt p,
.newListBox .news_list li .btn{font-size: 13px;}
.newListBox .news_list li a{align-items: center;}
.newListBox .news_list li .time{display: none;}
.newListBox .news_list li .img{width: 25%;}
.newListBox .news_list li .txt p{-webkit-line-clamp: 1;}
.newListBox .news_list li .txt span{display: block;}
.newListBox .news_list li .btn{display: none;}
.newListBox .news_hot .left{width: 100%;}
.newListBox .news_hot .right{display: none;}}

.dows_list.channel_content{padding:0;background: #f6f6f6;}
.dows_list{background:#f6f6f6;}
.dows_list .box{padding: 2%;margin: 4% 0;background: #fff;}
.dows_list .list li{position: relative;display: flex;color: #444;font-size: 16px;line-height: 4;padding: 0 10px 0 60px;border-bottom: 1px solid #e7e7e7;transition: all 0.5s ease;cursor: pointer;justify-content: space-between;}
.dows_list .list li a{color: #3658c6;font-size: 14px;padding: 5px 15px;border: 1px solid #3658c6;border-radius: 5px;}
.dows_list .list li .t{display: inline-block;width: 80%;font-size: inherit;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dows_list .list li .t span{color: #3658c6;}
.dows_list .list li .t .lin{display: inline-block;}
.dows_list .list li .num{position: absolute;left: 0;top: 0;width:60px;height: 100%;text-align: center;}
.dows_list .list li .num i{position: absolute;top: 50%;margin-top: -12px;left: 50%;margin-left: -12px;width: 24px;height: 24px;font-style: normal;line-height: 24px;background: #3658c6;border-radius:5px;z-index: 10;color: #fff;}
.dows_list .list li:hover{padding-left:70px;background: #f9f9f9;}
.dows_list .list li a:hover{color: #fff;background: #3658c6;}
@media only screen and (max-width: 768px){
.dows_list{padding: 10px 0;}
.dows_list .list{padding: 3%;margin: 2% 0;}
.dows_list .list li{font-size: 14px;line-height: 3;padding: 0 0 0 40px;}
.dows_list .list li a{font-size: 12px;padding: 3px 6px;}
.dows_list .list li .t{width: 76%;}
.dows_list .list li .t span,.dows_list .list li .t .lin{display: none;}
.dows_list .list li .num{width: 40px;}
.dows_list .list li .num i{margin-top: -9px;margin-left: -10px;width: 20px;height: 20px;line-height: 20px;}
.dows_list .list li:hover{padding-left: 40px;}}

footer{background: #1e1e1e;}
footer .f_bottom{display: flex;flex-wrap: wrap;margin: 0 0 35px;}
footer .left{display: flex;flex-wrap: wrap;width: 73%;padding-top: 65px;}
footer .left dl{width: 25%;}
footer .left dl dt,
footer .right dt{color: #fff;font-size: 20px;margin-bottom: 30px;}
footer .left dl i{display: none;}
footer .left dl dd p{color: #fff;font-size: 16px;line-height: 2.6;opacity: .58;}
footer .left dl dd p a{color: inherit;}
footer .left dl dd img{width: 100px;}
footer .right dt i{font-size: 22px;margin-right: 10px;vertical-align: text-bottom;opacity: .3;}
footer .right{width: 27%;padding: 65px 30px 30px;background: #141414;border-radius: 0 0 10px 10px;box-sizing: border-box;}
footer .right .book{display: flex;flex-wrap: wrap;justify-content: center;}
footer .right .item{width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);margin-bottom: 10px;padding-bottom: 10px;}
footer .right .item .txt{width: 100%;color: rgba(255,255,255,.5);font-size: 16px;line-height: 2.6;background: none;box-sizing: border-box;}
footer .right .item .txt::placeholder{color:rgba(255,255,255,.3);}
footer .right .submit .but{color: #999;font-size: 16px;line-height: 2;padding: 0 30px;border-radius: 0;background: #252525;cursor: pointer;transition: 0.5s;}
footer .copyright{display: flex;color: #666;font-size: 16px;line-height: 3;padding: 18px 0;border-top: 1px solid rgba(255, 255, 255, .2);justify-content: space-between;}
footer .copyright .fl ul{display: flex;}
footer .copyright .fl ul li{margin-right: 16px;}
footer .copyright .fr span{margin-right: 15px;}
footer .copyright .fr span:last-child{margin-right: 0;}
footer .copyright .fr span img{vertical-align: sub;}
footer .copyright a{color: inherit;}
@media only screen and (max-width: 1280px){
footer .left dl dt,
footer .right dt{font-size: 18px;}
footer .left dl dd p,
footer .right .item .txt,
footer .right .submit .but,
footer .copyright{font-size: 14px;}}
@media only screen and (max-width: 1024px) and (min-width: 769px){
footer .left dl{width: 33.33%;}
footer .left dl:last-child{display: none;}}
@media only screen and (max-width: 768px){
footer .f_bottom{margin: 0;}
footer .left{width: 100%;padding: 20px 0;margin: 0;order: 2;border-top: 1px solid rgba(255, 255, 255, 0.22);border-right: none;}
footer .left dl{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 16px;}
footer .left dl:first-child{margin-top: 0;}
footer .left dl:last-child{display: none;}
footer .left dl dt{font-size: 16px;margin: 0;}
footer .left dl i{display: block;color: #fff;cursor: pointer;font-size: 12px;height: 12px;transition: all .5s ease;}
footer .left dl i.iconJtRotate{transform: rotate(180deg);}
footer .left dl dd{display: none;width: 100%;margin-top: 10px;}
footer .right{width: 100%;margin-bottom: 20px;order: 1;}
footer .copyright{flex-wrap: wrap;line-height: 2;padding: 16px 0;}
footer .copyright .fl{width: 100%;padding-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.22);}
footer .copyright .fl ul{flex-wrap: wrap;}
footer .copyright .fl ul li{position: relative;width: 33.33%;margin: 0;}
footer .copyright .fl ul li::before {content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #AAB2B5;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);}
footer .copyright .fl ul li a{display: block;width: calc(100% - 20px);height: 100%;margin-right: 0;margin-left: auto;white-space: nowrap;}
footer .copyright .fr{display: flex;flex-wrap: wrap;padding-top: 16px;justify-content: center;}
footer .copyright .fr span{margin: 0;margin-right: 15px;}
footer .copyright .fr span:first-child{width: 100%;margin: 0;text-align: center;}}
/*内页*/
.small_banner{position: relative;max-height: 590px;height: 30vw;padding-top: 90px;display: flex;overflow: hidden;align-items: center;}
.small_banner .pic{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: no-repeat center/cover;}
.small_banner .mask{width: 100%;color: #fff;z-index: 1;}
.small_banner .mask .a1{font-size: 2.1vw;line-height: 120%;}
.small_banner .mask .a2{font-size: 1.05vw;margin-top: 20px;}
@media only screen and (max-width: 1024px){
.small_banner{height: 40vw;padding-top: 70px;}
.small_banner .mask .a1{font-size: 3.1vw;}
.small_banner .mask .a2{font-size: 2.05vw;}}
@media only screen and (max-width: 768px){
.small_banner{height: 50vw;}
.small_banner .mask .a1{font-size: 4.1vw;}
.small_banner .mask .a2{font-size: 3.05vw;}}
@media only screen and (max-width: 640px){
.small_banner{height: 60vw;}
.small_banner .mask .a1{font-size: 5.1vw;}
.small_banner .mask .a2{font-size: 4.05vw;margin-top: 10px;}}

.location{width: 100%;position: relative;background: #f7f7f7;border-bottom: 1px solid #d8d8d8;}
.location>main{display: flex;align-items: center;}
.ny_class{position: relative;width: 70.34%;z-index: 9;}
.ny_class ul{text-align: left;display: flex;flex-wrap: nowrap;}
.ny_class ul li{display: inline-block;color: #fff;width: auto;vertical-align: top;}
.ny_class ul li a{position: relative;font-size: 17px;line-height: 75px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}
.ny_class ul li a:before{position:absolute;content:'';left:50%;bottom:0px;width:0%;height:3px;background-color:none;transition:all .3s;}
.ny_class ul li a:after{content:"";position:absolute;width:1px;height:15px;display:block;background:#ccc;top:50%;margin-top:-7px;right:0px;}
.ny_class ul li:last-child a:after{display:none;}
.ny_class ul li a:hover,.ny_class ul li a.cur{color:#3658c6;}
.ny_class ul li a:hover:before,.ny_class ul li a.cur:before{width:80%;left:10%;background-color:#3658c6;}
.ny_class .btn-pre,.ny_class .btn-next{position: absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 50px;line-height: 50px;text-align: center;z-index: 999;background: #f5f5f5;color: #3658c6;cursor: pointer;display: none;}
.ny_class .btn-pre{left: 0;}
.ny_class .btn-next{right: 0;}
.weizhi{color: #666;font-size: 14px;line-height: 30px;box-sizing: border-box;}
.location .weizhi{width: 29.659999999999997%;text-align: right;}
.weizhi span{position: relative;padding-left: 25px;}
.weizhi span .iconfont2{position:absolute;width:20px;height:22px;left:0px;}
.weizhi span .iconfont2:before{content:'\e630';color:#3658c6;font-size:20px;}
.weizhi a{color: #666;}
.weizhi a:hover{color: #3658c6;}
@media only screen and (max-width: 1200px){
.ny_class ul li a{font-size: 14px;}}
@media only screen and (max-width: 1024px){
.location>main{display: block;width: 100%;}
.ny_class{width: auto;border-bottom: 1px solid #d8d8d8;}
.weizhi,.location .weizhi{width: 100%;text-align: left;padding: 10px 2%;}}
@media only screen and (max-width: 768px){
.ny_class{padding: 0px 25px;border: 0;}
.ny_class ul li a{padding: 0px 20px;line-height: 62px;}
.ny_class .btn-pre,.ny_class .btn-next{display: block;}
.location .weizhi{display: none;}}

.nr_page{overflow: hidden;background-color: #fff;position: relative;height: auto;margin: 4rem 0;}
.nr_page.news_box{margin: 0;background: #f2f2f2;}
.nr_page.news_box .list_box{width: 100%;padding: 4%;margin: 4% 0;background: #fff;}
.nr_page .title{max-width: 80%;font-size: 30px;font-weight: bold;color: #373c41;text-align: center;word-break: break-all;margin: auto;}
.nr_page .status{color: #595959;font-size: 14px;text-align: center;padding-bottom: 20px;margin-top: 20px;overflow: hidden;border-bottom: 1px solid #d9d9d9;}
.nr_page .status a{color: #595959;}
.nr_page .status span{margin-right: 20px;}
.nr_page .intro{color: #595959;font-size: 14px;padding: 10px;white-space: normal;background: #f2f2f2;margin-bottom: 20px;}
.nr_page .content{padding: 20px 0;text-align: justify;word-break: break-word !important;overflow: hidden;}
.nr_page .content h1, .select h1{color: #151515;font-size: 36px;font-weight: bold;}
.nr_page .content h2{position: relative;color: #151515;font-size: 28px;font-weight: bold;padding-bottom: 1.5%;margin-bottom: 3%;border-bottom: 1px solid #d8d8d8;}
.nr_page .content h2 strong{position: relative;top: -1px;padding-bottom: 1.5%;border-bottom: 3px solid #3658c6;}
.nr_page .content h3{color: #151515;font-size: 28px;font-weight: bold;padding-bottom: 1%;}
.nr_page .content p{color: #666;font-size: 18px;line-height: 1.8;}
.nr_page .content p a{color: #3658c6;text-decoration: underline;}
.nr_page .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.nr_page .content .img{display: flex;flex-wrap: wrap;margin: -2%;padding: 2% 0;}
.nr_page .content .img img{width: calc( 100% / 3 - 4%);margin: 2%;}
.nr_page .content .txt{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.nr_page .content .txt .pic{width: 49.286%;}
.nr_page .content .txt .pic img{width: 100% !important;}
.nr_page .content .txt .con{width: 45%;}
.nr_page .content .txt .con p{line-height: 2;}
@media only screen and (max-width: 1600px){
.nr_page .content h1, .select h1{font-size: 32px;}
.nr_page .content h2{font-size: 25px;}
.nr_page .content h3{font-size: 26px;}
.nr_page .content p{font-size: 16px;}}
@media only screen and (max-width: 1400px){
.nr_page .content p{font-size: 15px;}}  
@media only screen and (min-width: 1025px){
.nr_page .content .txt .con h2{padding-bottom: 4%;margin-bottom: 6%;}
.nr_page .content .txt .con h2 strong{padding-bottom: 4%;}}
@media only screen and (max-width: 1280px) and (min-width: 1025px){
.nr_page .content .txt .con p{font-size: 15px;line-height: 1.8;}}
@media only screen and (max-width: 1024px){
.nr_page .content p{font-size: 14px;}
.nr_page .content .txt .pic,
.nr_page .content .txt .con{width: 100%;}
.nr_page .content .txt .pic{position: relative;/* padding-bottom: 50%; */margin-bottom: 5%;} 
.nr_page .content .txt .pic img{/* position: absolute; */top: 0;left: 0;height: 100%!important;object-fit: cover;}}
@media only screen and (max-width: 768px){
.nr_page .content{padding: 10px 0;}
.nr_page .content h1, .select h1{font-size: 22px;}
.nr_page .content h2{font-size: 18px;}
.nr_page .content h3{font-size: 18px;}
.nr_page .content .img img{width: calc( 100% / 2 - 4%);}}

.nr_page.about .company .tit{display: flex;justify-content: space-between;align-items: center;padding-bottom: 2%;border-bottom: 2px solid #f1f1f1;}
.nr_page.about .company .tit span{font-size: 38px;}
.nr_page.about .company .tit em{color: #5d5c5c;font-size: 18px;}
.nr_page.about .company .box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nr_page.about .company .video{width: 47%;}
.nr_page.about .company .video>div{position: relative;padding-bottom: 60%;}
.nr_page.about .company .video>div>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.nr_page.about .company .video .plyr__poster{background-size: cover;}
.nr_page.about .company .video .plyr__control--overlaid{border-radius: 5px;}
.nr_page.about .company ul{width: 48%;display: flex;flex-wrap: wrap;margin-bottom: -2.5%;}
.nr_page.about .company li{width: 33.33%;color: #3b3b3b;font-size: 18px;}
.nr_page.about .company li span{display: block;color: #3658c6;font-size: 28px;font-weight: bold;margin-top: 5%;}
.nr_page.about .company li span em{position: relative;top: -1px;color: #3b3b3b;font-size: 18px;margin-left: 5%;}

.nr_page.about .licheng{background: #f4f4f4;}
.nr_page.about .licheng li{width: 19%;position: relative;border-radius: 5px;overflow: hidden;}
.nr_page.about .licheng li .pic{position: relative;padding-bottom: 134.5%;overflow: hidden;}
.nr_page.about .licheng li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;object-fit: cover;transition: all .5s;}
.nr_page.about .licheng li span{position: absolute;width: 100%;left: 0;bottom: 0;color: #fff;font-size: 24px;line-height: 1.4;padding: 0 0 12% 11%;text-shadow: 0 2px rgba(0,0,0,.59);}
.nr_page.about .licheng li span em{font-size: 20px;display: block;}
.nr_page.about .licheng li:hover .pic img{transform: scale(1.1);}
.nr_page.about .jianshe ul{display: flex;justify-content: space-between;}
.nr_page.about .jianshe li{width: 31.143%;padding-bottom: 10px;}
.nr_page.about .jianshe li .pic{position: relative;padding-bottom: 101.14%;overflow: hidden;}
.nr_page.about .jianshe li .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;object-fit: cover;transition: all .5s;}
.nr_page.about .jianshe li .con{position: relative;font-size: 22px;margin: -31.5% 6% 0;padding: 5% 7% 10%;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 7%);}
.nr_page.about .jianshe li .con em{display: block;color: #666;font-size: 17px;line-height: 1.9;text-align: justify;margin-top: 3%;}
.nr_page.about .jianshe li:hover .pic img{transform: scale(1.1);}

.nr_page.about .buju ul{width: 38%;}
.nr_page.about .buju ul li{color: #393939;font-size: 20px;line-height: 2.8;}
.nr_page.about .buju ul li i{display: inline-block;width: 30px;height: 30px;color: #fff;font-size: 20px;line-height: 30px;text-align: center;border-radius: 50%;margin-right: 2%;background: #3658c6;}
.nr_page.about .buju .box{position: relative;display: flex;justify-content: space-between;align-items: center;}
.nr_page.about .buju .bg{width: 74%;}

@media only screen and (max-width: 1600px){
.nr_page.about .company .tit span{font-size: 36px;}
.nr_page.about .company .tit em{font-size: 16px;}
.nr_page.about .company li{font-size: 16px;}
.nr_page.about .company li span{font-size: 23px;}
.nr_page.about .company li span em{font-size: 16px;}
.nr_page.about .licheng li span{font-size: 22px;}
.nr_page.about .licheng li span em{font-size: 18px;}
.nr_page.about .licheng li .con{font-size: 20px;}
.nr_page.about .jianshe li .con em{font-size: 15px;}
.nr_page.about .buju ul{width: 40%;}
.nr_page.about .buju ul li{font-size: 18px;}}
@media only screen and (max-width: 1024px){
.nr_page.about .company li{font-size: 14px;}
.nr_page.about .company li span{font-size: 16px;}
.nr_page.about .company li span em{font-size: 14px;}
.nr_page.about .licheng li span{font-size: 20px;}
.nr_page.about .licheng li span em{font-size: 16px;}
.nr_page.about .buju ul li{font-size: 16px;line-height: 2.6;}
.nr_page.about .buju ul{width: 43%;}
.nr_page.about .buju ul li i{width: 25px;height: 25px;font-size: 16px;line-height: 25px;}}
@media only screen and (max-width: 768px){
.nr_page.about .company .tit{flex-direction: column;padding-bottom: 0;}
.nr_page.about .company .tit span{font-size: 26px;}
.nr_page.about .company .tit em{font-size: 15px;padding: 4% 0;}
.nr_page.about .company .video{width: 100%;}
.nr_page.about .company ul{width: 100%;margin-top: 5%;}
.nr_page.about .company li{padding: 3% 0;text-align: center;}
.nr_page.about .licheng li span{font-size: 18px;}
.nr_page.about .licheng li span em{font-size: 14px;}
.nr_page.about .buju ul{position: relative;width: 100%;z-index: 1;}
.nr_page.about .buju .bg{position: absolute;top: 50%;right: 0;width: 57%;transform: translateY(-50%);}
.nr_page.about  p br:nth-child(2){display: none;}}
@media only screen and (max-width: 480px){
.nr_page.about .buju .bg{width: 100%;opacity: .5;}}

.nr_page.yanfa .desc{width: 68%;text-align: center;margin: 0 auto;}
.nr_page.yanfa .team .flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nr_page.yanfa .team .flex>p{display: none;}
.nr_page.yanfa .team .flex .wz{width: 26%;}
.nr_page.yanfa .team .flex .wz p{line-height: 2;}
.nr_page.yanfa .team .flex .tu{width: 55%;}
.nr_page.yanfa .team ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nr_page.yanfa .team ul li{width: 31%;}
.nr_page.yanfa .team ul li div{position: relative;width: 100%;padding-bottom: 68%;overflow: hidden;}
.nr_page.yanfa .team ul li div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;object-fit: cover;}
.nr_page.yanfa .hezuo{background: #f6f8fb;}
.nr_page.yanfa .hezuo ul{display: flex;flex-wrap: wrap;margin: -1.5%;}
.nr_page.yanfa .hezuo ul li{width: 30.3333%;color: #fff;font-size: 20px;line-height: 1.8;text-align: center;border-radius: 10px;margin: 1.5%;background: #ec9920;}
.nr_page.yanfa .hezuo ul li:nth-child(-n+3){font-size: 26px;background: #3658c6;}
.nr_page.yanfa .hezuo ul li>div{position: relative;padding-bottom: 35%;}
.nr_page.yanfa .hezuo ul li>div>span{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.nr_page.yanfa .chengguo ul{display: flex;flex-wrap: wrap;margin: 0 -.5%;}
.nr_page.yanfa .chengguo ul li{width: 24%;margin: 0 .5%;}
.nr_page.yanfa .chengguo ul li div{position: relative;width: 100%;padding-bottom: 75%;overflow: hidden;border: 1px solid #e2e2e2;}
.nr_page.yanfa .chengguo ul li div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;object-fit: contain;}
.nr_page.yanfa .chengguo ul li span{display: block;color: #666;font-size: 18px;line-height: 3.5;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.nr_page.zhiliang .team ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.nr_page.zhiliang .team ul li{width: 49%;}
.nr_page.zhiliang .team ul li div{position: relative;width: 100%;padding-bottom: 74.5%;overflow: hidden;}
.nr_page.zhiliang .team ul li div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;object-fit: cover;}
.nr_page.zhiliang .jiance .tab{position: relative;display: flex;justify-content: center;margin: 4% 0;}
.nr_page.zhiliang .jiance .tab li{position: relative;width: 18%;font-size: 30px;line-height: 2.2;text-align: center;margin: 0 1.5%;background: #d4d4d4;cursor: pointer;transition: all .5s;}
.nr_page.zhiliang .jiance .tab li:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #3658c6;opacity: 1;transition:all .5s ease;}
.nr_page.zhiliang .jiance .tab li a{position: relative;color: #525252;}
.nr_page.zhiliang .jiance .tab li.cur{color: #fff;background: none;}
.nr_page.zhiliang .jiance .tab li.cur:before{width:100%;}
.nr_page.zhiliang .jiance .tab li.cur a{color: #fff;}
.nr_page.zhiliang .list{display: flex;flex-wrap: wrap;margin: 0 -1%;}
.nr_page.zhiliang .jiance .list{display: none;}
.nr_page.zhiliang .jiance .list.cur{display: flex;}
.nr_page.zhiliang .list li{width: 31.3333%;margin: 0 1%;}
.nr_page.zhiliang .list li div{position: relative;width: 100%;padding-bottom: 66%;overflow: hidden;border: 2px solid #e2e2e2;}
.nr_page.zhiliang .list li div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;object-fit: cover;}
.nr_page.zhiliang .list li span{display: block;color: #666;font-size: 18px;line-height: 3.5;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.nr_page.zhiliang .kongzhi{}
.nr_page.zhiliang .kongzhi .box{display: flex;}
.nr_page.zhiliang .kongzhi .pic{width: 34.5%;min-height: 0;}
.nr_page.zhiliang .kongzhi .pic img{height: 100% !important;object-fit: cover;}
.nr_page.zhiliang .kongzhi .list{width: 100%;padding: 0 1% 0 3%;}

@media only screen and (max-width: 1600px){
.nr_page.yanfa .hezuo ul{margin: -1%;}
.nr_page.yanfa .hezuo ul li{width: 31.3333%;font-size: 17px;margin: 1%;}
.nr_page.yanfa .hezuo ul li:nth-child(-n+3){font-size: 21px;}
.nr_page.yanfa .chengguo ul li span,
.nr_page.zhiliang .list li span{font-size: 16px;}
.nr_page.zhiliang .jiance .tab li{font-size: 26px;}}
@media only screen and (max-width: 1024px){
.nr_page.yanfa .hezuo ul{margin: -1%;}
.nr_page.yanfa .hezuo ul li{width: 48%;}
.nr_page.zhiliang .jiance .tab li{font-size: 20px;}}
@media only screen and (max-width: 768px){
.nr_page.yanfa .desc,
.nr_page.yanfa .team .flex .wz,
.nr_page.yanfa .team .flex .tu{width: 100%;}
.nr_page.yanfa .team .flex{flex-direction: column-reverse;}
.nr_page.yanfa .team .flex>p{display: block;}
.nr_page.yanfa .team ul li{width: 48%;}
.nr_page.yanfa .team ul li:last-child,
.nr_page.zhiliang .kongzhi .pic{display: none;}
.nr_page.yanfa .hezuo ul li{width: 48%;font-size: 12px;}
.nr_page.yanfa .hezuo ul li:nth-child(-n+3){font-size: 14px;}
.nr_page.yanfa .hezuo ul li>div{padding-bottom: 40%;}
.nr_page.yanfa .hezuo ul li>div>span{left: -10%;width: 120%;transform: scale(.8);}
.nr_page.yanfa .chengguo ul{margin: 0 -2%;}
.nr_page.yanfa .chengguo ul li{width: 46%;margin: 0 2%;}
.nr_page.yanfa .chengguo ul li span,
.nr_page.zhiliang .list li span{font-size: 14px;line-height: 3;}
.nr_page.zhiliang .jiance .tab li{width: 28%;font-size: 14px;}
.nr_page.zhiliang .list{margin: 0 -2%;}
.nr_page.zhiliang .list li{width: 46%;margin: 0 2%;}
.nr_page.zhiliang .kongzhi .box{margin: 0 -2%;}
.nr_page.zhiliang .kongzhi .list{padding: 0;margin: 0;}
.nr_page.yanfa  p br:nth-child(2),
.nr_page.zhiliang  p br:nth-child(2){display: none;}}

.nr_page .key{color: #595959;}
.nr_page .key span{color: #595959;}
.nr_page .key p{display: inline-block;}
.nr_page .key button{font-size: 14px;margin: 2px;padding: 6px 5px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.nr_page .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.nr_page .reLink{display: flex;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;overflow: hidden;}
.nr_page .prev,.nr_page .next{width: 50%;color: #595959;line-height: 1.5;}
.nr_page .prev a,.nr_page .next a{color: #595959;}
.nr_page .next{text-align: right;}
.nr_page .relevant{margin-top: 30px;}
.nr_page .relevant .tit{background-color: #ededed;}
.nr_page .relevant .tit h3{color: #333;font-size: 18px;line-height: 3;padding: 0 15px;}
.nr_page .relevant .list{padding: 20px;border: 1px solid #f0f0f0;}
.nr_page .relevant ul li{width: calc(100% / 3);padding-top: 20px;}
.nr_page .relevant ul li .box{display:block;width:100%;height:100%;position:relative;transition:all .5s ease;}
.nr_page .relevant ul li .img{width:100%;height:0px;position:relative;padding-bottom:62%;}
.nr_page .relevant ul li .img img{position:absolute;width:100%;height:100%;top: 0;left: 0;object-fit: cover;}
.nr_page .relevant ul li .txt{width:100%;padding:20px 10px;box-sizing: border-box;}
.nr_page .relevant ul li span{color:#999;}
.nr_page .relevant ul li h3{height:40px;line-height:40px;font-weight:200;color:#333;font-size:1.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.nr_page .relevant ul li .line{border-top-color:#3658c6;border-top-width:1px;border-top-style:solid;margin:10px 0;width:5%;transition:all .5s ease;}
.nr_page .relevant ul li p{font-size:0.875rem;display:-webkit-box;overflow:hidden;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.6;color:#999;overflow-wrap: break-word;}
.nr_page .relevant ul li:hover .box{transform:translateY(-15px);}
.nr_page .relevant ul li:hover .line{width:100%;}
.nr_page .relevant .swiper-pagination{position: relative;bottom: auto;margin-top: 2%;}
.nr_page .relevant .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.nr_page .relevant .swiper-pagination-bullet:hover:after{transform: scale(2);}
.nr_page .relevant .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.nr_page .relevant .swiper-pagination-bullet-active{border: 2px solid #fff;}
.nr_page .relevant .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
@media only screen and (max-width: 768px){
.nr_page{margin: 2rem 0;}
.nr_page .title{max-width: 100%;font-size: 18px;line-height: 1.6;margin: 10px 0;}
.nr_page .status{margin: 0;padding: 0;border: 0;line-height: 24px;padding-bottom: 10px;border-bottom: 1px solid #d9d9d9;}
.nr_page .status span:first-child{display: none;}
.nr_page .intro{display: none;}
.nr_page .key button{font-size: 12px;padding: 5px 3px;}
.nr_page .reLink{display: block;margin: 3vw auto;padding: 0;border: 0;}
.nr_page .reLink span{font-weight: bold;}
.nr_page .prev,.nr_page .next{width: auto;text-align: left;background: #f2f2f2;padding: 10px;margin: 2vw auto;}
.nr_page .relevant{margin-top: 20px;}
.nr_page .relevant .tit h3{font-size: 16px;}
.nr_page .relevant .list{padding: 10px;}
.nr_page .relevant ul li{width: 100%;}
.nr_page .relevant ul li:hover .box{transform:translateY(0);}
.nr_page .relevant ul li:hover .line{width: 5%;}}

.imgListBox{margin: 4rem 0;}
.img_list{display: flex;-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.img_list li{width: calc( 100% / 4 - 1.95%);margin-right: 2.6%;margin-bottom: 2.6%;padding: 10px;background: #f6f6f6;box-sizing: border-box;transition: 0.3s ease 0s;}
.img_list li:nth-child(4n){margin-right: 0;}
.img_list li .img{width: 100%;position: relative;padding-bottom: 67.5%;overflow: hidden;}
.img_list li .img img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;transition: 0.5s linear 0s;}
.img_list li h3{color: #666;font-size: 16px;text-align: center;padding: 3% 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: 0.3s ease 0s;}
.img_list li:hover img{transform: scale(1.1);}
.img_list li:hover h3{color: #3658c6;background: #ffffff;}
@media only screen and (max-width: 1500px){.img_list li h3{font-size: 14px;}}
@media only screen and (max-width: 768px){
.imgListBox{margin: 2rem 0;}
.img_list li,.img_list li:nth-child(4n){width: calc( 100% / 2 - 2%);margin-right: 4%;margin-bottom: 4%;padding: 5px;}
.img_list li:nth-child(2n){margin-right: 0;}
.img_list li h3{padding: 2vw;}}

.nr_page.contact .box{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3% 0;}
.nr_page.contact .box li{width: 32%;display: flex;flex-direction: column;}
.nr_page.contact .box li .pic{position: relative;width: 100%;background: #000;display: flex;}
.nr_page.contact .box li .pic img{width: 100%;opacity: .5;}
.nr_page.contact .box li .tit{position: absolute;top: 0;left: 0;width: 100%;height: 100%;color: #fff;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.nr_page.contact .box li .tit span{font-size: 24px;font-weight: bold;}
.nr_page.contact .box li .tit em{font-size: 16px;margin-top: 8%;}
.nr_page.contact .box li .lxfs{height: 100%;margin-top: 5%;padding: 5%;border: 1px solid #dadada;}
.nr_page.contact .lianxi{display: flex;flex-wrap: wrap;align-items: center;}
.nr_page.contact .lianxi>div{width: 50%;}
.nr_page.contact .lianxi .left h3{padding-bottom: 5%;}
.nr_page.contact .lianxi .left strong{position: relative;padding-bottom: 2.5%;}
.nr_page.contact .lianxi .left strong:before{content:'';position:absolute;bottom:0;left: 0;width: 30%;height: 2px;background-color: #ddd;}
.nr_page.contact .lianxi .right{display: flex;justify-content: space-around;margin-top: auto;}
.nr_page.contact .lianxi .right .ewm{width: 23%;text-align: center;}
.nr_page.contact .lianxi .right .ewm img{width: 100%;}
.nr_page.contact .lianxi .right .ewm p{margin-top: 3%;}
@media only screen and (max-width: 768px){
.nr_page.contact .box li,
.nr_page.contact .lianxi>div{width: 100%;}
.nr_page.contact .box li .lxfs{margin: 5% 0;}
.nr_page.contact .lianxi .right{margin-top: 5%;}}

.message{padding: 4rem 0;background: #f5f5f5;}
.message .tit{text-align: center;margin-bottom: 20px;}
.message .tit h3{color: #333;font-size: 34px;font-weight: bold;}
.message .tit p{color: #787878;font-size: 16px;line-height: 1.6;padding: 5px 0 10px;}
@media only screen and (max-width: 768px){
.message{padding: 2rem 0;}
.message .tit{margin-bottom: 10px;}
.message .tit h3{font-size: 22px;}
.message .tit p{font-size: 14px;}}

.inner_form{display: flex;flex-wrap: wrap;}
.inner_form .layui-form-item{float: left;width: 31%;margin-right: 2%;clear: none;transition: all .3s ease;}
.inner_form .layui-form-text,.inner_form .btn{float: none;width: 100%;margin-right: 0;}
.inner_form .layui-input,.inner_form .layui-textarea{border-radius: 4px;border-color: #ccc;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);}
.inner_form .layui-input:hover,.inner_form .layui-textarea:hover,
.inner_form .layui-input:focus,.inner_form .layui-textarea:focus{border-color: #66afe9!important;}
.inner_form .layui-textarea{min-height: 240px;resize: none;}
.inner_form .Code{width: 34%;margin-right: 0;}
.inner_form .Code input{display: inline-block;width: 73%;margin-right: 2%;}
.inner_form .Code img{vertical-align: top;width: 25%;height: 36px;background: #fff;object-fit: contain;}
.inner_form .layui-btn{width: 100%;font-size: 18px;text-transform: uppercase;background-color: #3658c6;}
.inner_form .layui-btn:hover{background-color: #ec9920;border-color: #ec9920;opacity: 1;}
@media only screen and (max-width: 768px){
.inner_form .layui-form-item{float: none;width: 100%;margin-right: 0;}
.inner_form .layui-textarea{min-height: 150px;}
.inner_form .layui-input:hover,.inner_form .layui-textarea:hover,
.inner_form .layui-input:focus,.inner_form .layui-textarea:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}}

.page{text-align: center;padding: 30px 0;}
.page:before, .page:after{content: " ";display: table;}
.page:after{clear: both;}
.page li{display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.page li a{min-width: 38px;color: #666;font-size: 14px;display: inline-block;padding: 0 10px;margin: 2.5px;text-align: center;line-height: 36px;border: 1px solid #ddd;background: #fff;box-sizing: border-box;transition: all .5s ease;}
.page li:hover a,
.page li.active a{color: #fff;background: #3658c6;border-color: #3658c6;}
@media only screen and (max-width: 768px){
.page{padding: 20px 0;}
.page li a{min-width: 30px;font-size: 12px;line-height: 28px;padding: 0 5px;}}

.in_pro .box{padding: 4% 0;background: #f5f5f5;}
.in_pro .box:nth-child(2n){background: #fff;}
.in_pro .box>main{display: flex;justify-content: space-between;align-items: center;padding: 0 3.5%;}
.in_pro .box:nth-child(2n)>main{flex-direction: row-reverse;}
.in_pro .box>main:before,
.in_pro .box>main:after{display: none;}
.in_pro .txt h3{display: inline-block;color: #111;font-size: 24px;}
.in_pro .txt h3:after{content: " ";display: block;width: 15%;height: 2px;margin: 6% 0;background: #3658c6;}
.in_pro .txt p{color: #3b3b3b;font-size: 16px;line-height: 2;}
.in_pro .txt ul{margin-top: 6%;display: flex;flex-wrap: wrap;}
.in_pro .txt ul li{width: 23%;margin: 1%;text-align: center;}
.in_pro .txt ul li a{display: block;color: #3658c6;font-size: 16px;line-height: 2;border-radius: 3px;border: 1px solid #3658c6;background: none;}
.in_pro .txt ul li a i{font-size: inherit;margin-right: 2%;}
.in_pro .txt ul li a:hover{color: #fff;background: #3658c6;}
.in_pro .img{width: 27%;}
.in_pro .img>div{position: relative;padding-bottom: 75%;}
.in_pro .img>div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
@media only screen and (max-width: 1024px){
.in_pro .txt h3{font-size: 22px;}
.in_pro .txt p{font-size: 14px;}
.in_pro .txt ul li a{font-size: 14px;}}
@media only screen and (max-width: 768px){
.in_pro .box{padding: 8% 0;}
.in_pro .box>main,
.in_pro .box:nth-child(2n)>main{flex-direction: column-reverse;}
.in_pro .img{width: 90%;margin-bottom: 5%;}}

.pro_box{background: #f2f2f2;}
.pro_box>main{display: flex;}
.pro_box .list_box{width: 100%;padding: 4%;margin: 4% 0;background: #fff;}
.pro_box .list_box .title{color: #333;font-size: 28px;line-height: 2.1;text-align: center;border-bottom: 1px solid #ddd;margin-bottom: 2%;}
.pro_box .list_box .list{display: flex;flex-wrap: wrap;margin: -1%;margin-bottom: 0;}
.pro_box .list_box .list li{width: calc(100% / 4 - 2%);margin: 1%;box-sizing: border-box;}
.pro_box .list_box .list li .img{position: relative;padding-bottom: 100%;border: 1px solid #ddd;border-bottom: 0;overflow: hidden;}
.pro_box .list_box .list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.pro_box .list_box .list li .tit{position: relative;overflow: hidden;width: 100%;height: auto;color: #333;background: #ddd;transition: all .5s;}
.pro_box .list_box .list li .tit h3{font-size: 16px;line-height: 3;overflow: hidden;text-overflow: ellipsis;position: relative;white-space: nowrap;width: 100%;text-align: center;}
.pro_box .list_box .list li:hover .img img{transform: scale(1.1);}
.pro_box .list_box .list li:hover .tit{color: #fff;background: #3658c6;}

.pro_box .show_box{display: flex;flex-flow: row wrap;align-items: center;overflow: hidden;}
.pro_box .gallery{float: left;width: 450px;border: 1px solid #e8e8e8;}
.pro_box .gallery .gallery-top .swiper-slide{cursor: pointer;}
.pro_box .gallery .gallery-top .swiper-slide .pic{position: relative;padding-bottom: 100%;}
.pro_box .gallery .gallery-top .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.pro_box .gallery .thumbs{position: relative;margin-top: 20px;padding: 0 33px;overflow: hidden;}
.pro_box .gallery .gallery-thumbs .swiper-slide{width: calc( 96.1% / 4);margin-right: 5px;border: .15rem solid #eee;box-sizing: border-box;transition: all .5s ease;}
.pro_box .gallery .gallery-thumbs .swiper-slide .pic{position: relative;width: 100%;height: 0;padding-bottom: 100%;cursor: pointer;}
.pro_box .gallery .gallery-thumbs .swiper-slide .pic img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.pro_box .gallery .gallery-thumbs .swiper-slide-thumb-active{border-color: #3658c6;}
.pro_box .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;position: relative;box-sizing: border-box;background: rgba(0, 0, 0, 0.4);opacity: 1;transition: all .5s ease;box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);}
.pro_box .swiper-pagination .swiper-pagination-bullet:hover:after{transform: scale(2);}
.pro_box .swiper-pagination .swiper-pagination-bullet:after{content: '';width: 4px;height: 4px;background: #fff;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border-radius: 50%;transition: all .5s ease;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active{border: 2px solid #fff;}
.pro_box .swiper-pagination .swiper-pagination-bullet-active:after{width: 0;height: 0;transform: scale(0);}
.pro_box .gallery .swiper-button-prev:hover,.pro_box .gallery .swiper-button-next:hover{opacity: .35;}
.pro_box .gallery .swiper-button-disabled{pointer-events: auto !important;}
.pro_box .gallery .swiper-button-black{display: inline-block;vertical-align: middle;cursor: pointer;position: absolute;top: 0;left: 0;bottom: 0px;width: 28px;height: 100%;margin: 0;opacity: .6;background-size: 16px;transition: all .5s ease;}
.pro_box .gallery .swiper-button-next{left: auto;right: 0;}

.pro_box .info{float: left;min-width: 200px;padding-left: 38px;flex: 1;}
.pro_box .info .box h3{color: #262626;font-size: 30px;line-height: 1.4;font-weight: bold;}
.pro_box .info .txt{font-size: 15px;line-height: 1.8;color: #666;padding: 2% 0;margin: 2% 0;word-break: break-word;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.pro_box .info .btn{white-space: nowrap;}
.pro_box .info .btn a{display: inline-block;max-width: 45%;color: #fff;font-size: 16px;line-height: 1.572;text-align: center;padding: 0.6vw 3vw;background: #3658c6;transition: all .5s ease;}
.pro_box .info .btn a:hover{background: #ec9920;}

.pro_box .pro_show{width: 100%;margin-top: 20px;}
.pro_box .pro_show .tit{color: #333;font-size: 26px;line-height: 70px;font-weight: bold;text-align: center;border-bottom: 2px solid #e8e8e8;height: 70px;box-sizing: border-box;}
.pro_box .pro_show .content{padding: 20px 0;word-break: break-word !important;overflow: hidden;}
.pro_box .pro_show .content p{color: #666;font-size: 18px;line-height: 2;}
.pro_box .pro_show .content img{max-width: 100% !important;height: auto!important;display: block !important;margin: 0 auto;}
.pro_box .pro_show .key{color: #595959;padding: 20px 0;}
.pro_box .pro_show .key span{color: #595959;}
.pro_box .pro_show .key p{display: inline-block;}
.pro_box .pro_show .key button{color: #595959;font-size: 14px;margin: 2px;padding: 7px 10px;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;cursor: pointer;transition: all .5s ease;}
.pro_box .pro_show .key button:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.pro_box .pro_show .reLink{display: flex;padding: 20px 0;overflow: hidden;}
.pro_box .pro_show .prev,.pro_box .pro_show .next{width: 50%;color: #595959;line-height: 1.5;}
.pro_box .pro_show .prev a,.pro_box .pro_show .next a{color: #595959;}
.pro_box .pro_show .next{text-align: right;}

.pro_box .pro_show .frame{margin-top: 30px;}
.pro_box .pro_show .frame .titi{background-color: #ededed;}
.pro_box .pro_show .frame .titi h3{color: #333;font-size: 18px;line-height: 3;padding: 0 15px;}
.pro_box .pro_show .frame .box{padding: 20px;border: 1px solid #f0f0f0;}

.pro_box .pro_show .pro_relevant li{width: 100%;position: relative;}
.pro_box .pro_show .pro_relevant li .img{position: relative;padding-bottom: 100%;border: 1px solid #ddd;border-bottom: 0;overflow: hidden;}
.pro_box .pro_show .pro_relevant li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease;}
.pro_box .pro_show .pro_relevant li h3{color: #333;font-size: 15px;line-height: 3;text-align: center;background: #ddd;padding: 0 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all .5s ease;}
.pro_box .pro_show .pro_relevant li:hover .img img{transform: scale(1.1);}
.pro_box .pro_show .pro_relevant li:hover h3{color: #fff;background: #3658c6;}
.pro_box .pro_show .swiper-pagination{position: relative;bottom: auto;margin-top: 2%;}

@media only screen and (max-width: 1400px){
.pro_box .gallery{width: 350px;}}
@media only screen and (max-width: 1200px){
.pro_box .gallery{width: 300px;}}

@media only screen and (max-width: 1024px){
.pro_box>main{display: block;}
.pro_box .list_box .title{font-size: 24px;}
.pro_box .list_box .list li{width: calc(100% / 3 - 2%);}
.pro_box .list_box .list li .tit h3{font-size: 15px;}
.pro_box .gallery .thumbs{display: none;}
.pro_box .info{padding: 0;}
.pro_box .info .box h3{font-size: 26px;}
.pro_box .info .txt{font-size: 14px;}
.pro_box .info .btn a{width: 170px;line-height: 2;}
.pro_box .pro_show .tit{font-size: 20px;line-height: 50px;height: 50px;}
.pro_box .pro_show .content p{font-size: 16px;}
.pro_box .pro_show .content{padding: 10px 0px;}
.pro_box .pro_show .key{padding: 10px 0px;}
.pro_box .pro_show .key button{font-size: 12px;padding: 5px 3px;}
.pro_box .pro_show .reLink{padding: 0;margin-top: 20px;background: rgba(0, 0, 0, 0.02);}
.pro_box .pro_show .prev,.pro_box .pro_show .next{padding: 10px 0;text-align: center;}
.pro_box .pro_show .prev a,.pro_box .pro_show .next a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro_box .pro_show .next{text-align: center;border-left: 1px solid rgba(0, 0, 0, 0.04);}
.pro_box .pro_show .frame{margin-top: 20px;}
.pro_box .pro_show .frame .box{padding: 10px;}
.pro_box .pro_show .pro_relevant li h3{font-size: 14px;line-height: 2.8;}}
@media only screen and (max-width: 768px){
.pro_box .list_box .title{font-size: 20px;}
.pro_box .list_box .list li{width: calc(100% / 2 - 2%);}
.pro_box .list_box .list li .tit h3{font-size: 14px;line-height: 2.5;}
.pro_box .pro_show .frame .titi h3{font-size: 16px;}
.pro_box .info .box h3{font-size: 22px;}
.pro_box .gallery{float: none;width: 100%;}
.pro_box .info{float: none;width: 100%;padding: 0;padding-top: 5%;}
.pro_box .info .txt{padding: 4% 0;margin: 4% 0;}
.pro_box .info .btn{text-align: center;}
.pro_box .pro_show .content p{font-size: 14px;}}

/*右侧悬浮*/
.right_bar{position:fixed;top:300px;right:0;width:50px;height:203px;z-index:10;display: none;}
.right_bar li{width:62px;height:50px;z-index:20;}
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{position:absolute;left:0;}
.right_bar li.rtbar_li1{top:0;width:172px;}
.right_bar li.rtbar_li2{position:absolute;top:51px;left:0;}
.right_bar li.rtbar_li3{position:absolute;top:102px;left:0;width:126px;}
.right_bar li.rtbar_li4{top:153px;}
.rtbar_li4{position:absolute;top:153px;left:0;}
.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#3658c6;opacity:0.8;border-radius:6px;}
.right_bar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px;}
.right_bar li a:hover{background-color:#3658c6;opacity:1;}
.rtbar_shwx{display:none;position:absolute;top:-120px;left:-160px;}
.rtbar_shwx img{width: 150px;padding: 5px;background-color:#FFF;}
.rtbar_shwx{top:-50px;}

/*搜索栏*/
.search-popup{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 9999;padding-left: 20px;padding-right: 20px;display: flex;justify-content: center;align-items: center;transform: translateY(-110%);transition: transform 500ms ease, opacity 500ms ease;backdrop-filter: blur(5px);box-sizing: border-box;}
.search-popup.active{transform: translateY(0%);}
.search-popup__overlay{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #000;opacity: .5;cursor: pointer;}
.search-popup__content{width: 100%;max-width: 560px;}
.search-popup__content form{display: flex;flex-wrap: wrap;position: relative;background-color: #fff;border-radius: 10px;overflow: hidden;}
.search-popup__content form input[type="text"]{width: 100%;background-color: #fff;color: #666;font-size: 16px;border: none;outline: none;height: 66px;padding-left: 30px;}
.search-popup__content .thm-btn{padding: 0;width: 68px;height: 68px;display: flex;justify-content: center;align-items: center;text-align: center;position: absolute;top: 0;right: -1px;border-radius: 0;background-color: #3658c6;color: #fff;transition: all .5s;}
.search-popup__content .thm-btn:hover{background-color: #333;}
.search-popup__content .thm-btn i{position: relative;margin: 0;font-size: 20px;}

/*在线客服*/
[class^="gncms_"],[class^="gncms_"] *{box-sizing: border-box;}
.gncms_kefu{width:550px;height: 210px;position:fixed;right: -190px;margin-right:0;bottom: 0;margin-bottom:0;background: url(../images/kfbj.png) no-repeat;border-bottom: 2px solid #3658c6;z-index: 9999;box-shadow:rgba(0,0,0,0.28) 3px 0px 10px;transition:all 0.6s ease;transform: scale(0);border-radius:1000px;opacity:0;}
.gncms_kefu.l{left: -190px;}
.gncms_kefu.on{right:50%;margin-right:-275px;bottom:50%;margin-bottom:-100px;transform:scale(1);opacity:1;border-radius: 10px;}
.gncms_kefu.l.on{left: 50%;margin-left: -275px;margin-right: 0;}
.gncms_kefu:after{content:"";position:absolute;width:245px;height: 260px;background: url(../images/kfbj.png) 0 bottom no-repeat;right:0;bottom: 0;}
.gncms_kefu .pa{text-align: justify;padding:30px 60px 0 60px}
.gncms_kefu .titlean{font-size:20px;color: #3658c6;font-weight:bold}
.gncms_kefu .txt{color: #666;font-size:15px;line-height:25px;padding:5px 0 10px 0}
.gncms_kefu .txt a{color: #666;}
.gncms_kefu .txt span{color: #3658c6;font-size: 18px;font-weight:bold;}
.gncms_kefu .button{height:36px}
.gncms_kefu a{display:block;width:110px;height:32px;float:left;border-radius:3px;overflow:hidden;text-align:center;line-height: 30px;font-size:14px;background:#fff;border:1px solid #d3d3d3;margin-right:13px;color: #666;}
.gncms_kefu a.on{background: #3658c6;border: 1px solid #3658c6;color:#fff;font-weight:bold}
.gncms_Open{position:fixed;width:140px;height: 180px;padding-bottom: 40px;background: url(../images/kfbj.png) right -330px no-repeat;right: 20px;bottom: 20px;z-index: 10000;opacity: 0;visibility: hidden;transition: all .5s;animation: myBreath 1.5s linear infinite;}
.gncms_Open.l{left: 20px;}
.gncms_Open.on{opacity: 1;visibility: visible;}
.gncms_Open h3{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;font-size: 20px;font-weight: bold;line-height: 40px;text-align: center;border-radius: 3px;background: #3658c6;}
@keyframes myBreath {0%{transform: scale(0.88);}50%{transform: scale(1);}100%{transform: scale(0.88);}}
@media only screen and (max-width: 768px){.gncms_kefu,.gncms_Open{display: none;}}

/*播放器相关*/
:root {--plyr-color-main: #3658c6;}

/*选型查询*/
.select{margin: 0;}
.select h1{position: relative;font-weight: normal!important;text-align: center;display: flex;justify-content: center;align-items: center;margin-bottom: 4%;}
.select h1:before,
.select h1:after{content: " ";display: inline-block;width: 30%;height: 1px;margin-right: 2%;background: #151515;}
.select h1:after{margin: 0;margin-left: 2%;}
.select .content h2{color: #3658c6;margin: 3% 0;}
.select .query{position: relative;z-index: 1;display: flex;padding: 3%;margin: 4% 0;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.select .query ul{width: 65%;display: flex;flex-wrap: wrap;justify-content: space-between;margin: auto;}
.select .query ul li{width: 48%;font-size: 16px;line-height: 2.5;margin-bottom: 30px;display: flex;align-items: stretch;}
.select .query ul li:last-child{width: 100%;justify-content: center;margin: 0;margin-top: 40px;}
.select .query ul li span{width: 20%;}
.select .query ul li .txt,
.select .query ul li select{padding: 0 10px;border-radius: 5px;border: 1px solid #ddd;background: #fff;transition: all .5s;}
.select .query ul li .long,
.select .query ul li select{width: calc(100% - 20%);}
.select .query ul li .short{width: 23%;}
.select .query ul li em{margin:0 5px;}
.select .query ul li em.red{color: red;font-size: 13px;}
.select .query ul li .submit{min-width: 170px;color: #fff;font-size: 16px;line-height: 2.5;text-align: center;border-radius: 5px;margin: 0 15px;background: #3658c6;cursor: pointer;}
.select .query ul li .txt:hover,
.select .query ul li select:hover,
.select .query ul li .txt:focus,
.select .query ul li select:focus{border-color: #80bdff;outline:0;box-shadow:0 0 0 2px rgba(0,123,255,.25);}
.select .tablelist{margin-bottom: 4%;overflow: auto;}
.select .tablelist table{font-size: 16px;border-collapse: collapse;border-spacing: 0;border-color: #3658c6;}
.select .tablelist td{text-align:center;}
.select .pro_col{color:#fff;background-color: #3658c6;}
.select .pro_col td{color:#fff;}
.select .pro_rel td{padding:10px 0;color:#333;}
.select .pro_rel td a{color: #3658c6;text-decoration: underline;}
.select .pro_rel:hover{background: #f1f1f1;}
.pro_detail{display: flex;justify-content: center;max-width: 900px;margin: 0 auto;}
.table_pro{width: 50%;border-collapse: collapse;border-spacing: 0;border-color: #eee;}
.table_pro+.table_pro{margin-left: -1px;}
.table_pro tr td{font-size:14px;line-height:28px;padding:5px;}
.table_pro tr .tit{background:#f7f7f7;width:33%;padding-left:9%;}
.table_pro tr .td2{width:67%;text-align:center;}
.select .content{padding: 0;margin: 4% 0;}
.select .content img{margin: inherit;}
.select .content .more{text-align: center;margin-top: 4%;}
.select .content .more a{position: relative;display: inline-block;color: #fff;font-size: 20px;line-height: 3;padding: 0 50px;border-radius: 50px;background: #3658c6;}
.select .content .more a:before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:block;width:0;height: 100%;background-color: #000;border-radius: 50px;opacity: 0;transition:all .5s ease;}
.select .content .more a span{position: relative;}
.select .content .more a:hover{animation: pulse 1s infinite;}
.select .content .more a:hover:before{width:100%;opacity: .3;}
@media only screen and (max-width: 1280px){
.select .query ul{width: 75%;}
.select .query ul li{font-size: 15px;}}
@media only screen and (max-width: 1040px){
.select .query ul{width: 100%;}
.select .tablelist table{font-size: 14px;}
.select .content .more a{font-size: 18px;}}
@media only screen and (max-width: 768px){
.select .query ul{width: 100%;}    
.select .query ul li{width: 100%;font-size: 14px;margin-bottom: 20px;}
.select .query ul li:last-child{margin-top: 0;}
.select .query ul li .submit{width: 32%;min-width: auto;font-size: 14px;margin: 0 5%;padding: 0;}
.select .tablelist table{width: 800px;}
.pro_detail{display: block;}
.table_pro{width: 100%;}
.table_pro+.table_pro{margin: 0;margin-top: -1px;}
.select .content .more a{font-size: 16px;}}
/*发展历程*/
.history ul{position: relative;overflow: hidden;}
.history ul:after{content:'';position: absolute;left: 50%;margin-left: -1px;width: 2px;height: 100%;background: #f5f5f5;}
.history .panel{position: relative;float: right;width: 50%;margin-top: 120px;z-index: 1;}
.history .panel:first-child{margin-top: 0;}
.history .panel:after{content:'';position: absolute;top: 30px;left: -9px;width: 18px;height: 18px;border: 5px solid #e7e7e7;background: #fff;border-radius: 50%;z-index: 1;}
.history .panel .inner{position: relative;width: 90%;padding:5%;margin-left: 10%;border: 1px #e6e6e6 solid;}
.history .panel .inner:after{content:'';position: absolute;left: -8px;top: 30px;width: 14px;height: 14px;border-left: 0;border-bottom: 0;background: #fff;border: 1px solid #e6e6e6;border-bottom: 0;border-right: 0;transform: rotate(-45deg);}
.history .panel .his_list_t1{position: relative;color: #f69700;font-size:36px;line-height: 1.6;display:inline-block;margin-bottom: 25px;font-weight: bold;}
.history .panel .his_list_t2{display: block;color: #6c6c6c;font-size: 18px;font-weight: normal;text-align-last: left;}
.history .panel .inner_box .image{position: relative;width: 100%;overflow:hidden;}
.history .panel .inner_box .image img{width:100%;}
@media only screen and (min-width: 641px){
.history .panel:nth-child(odd){float:left;padding-right:0;}
.history .panel:nth-child(odd):after{left: auto;right: -9px;}
.history .panel:nth-child(odd) .inner{margin-left:0;}
.history .panel:nth-child(odd) .inner:after{right: -8px;left:auto;transform: rotate(135deg);}
.history .panel:nth-child(odd) .his_list_t1 {float:right;text-align: right;}
.history .panel:nth-child(odd) .his_list_t2{text-align-last: right;}}
@media only screen and (max-width: 1024px){
.history .panel{margin-top: 80px;}
.history .panel .his_list_t1{font-size: 30px;margin-bottom: 15px;}
.history .panel .his_list_t2{font-size: 15px;}}
@media only screen and (max-width: 640px){
.history .panel{width: 100%;margin-top: 20px;}
.history .panel .inner{width: 100%;margin: 0;}
.history ul:after,
.history .panel:after,
.history .panel .inner:after{display: none;}}